.my-head-dropdown {
    position: relative;
    margin-right: 15px;

    >button.ant-btn {
        font-size: 22px;
        color: var(--Color-Crystal);
        display: flex;
        align-items: center;
    }

    .ant-dropdown {
        top: 50px !important;

        .dropdown-mask {
            position: fixed;
            z-index: 1;
            pointer-events: auto;
            right: 0;
            top: 0;
            width: 100%;
            height: 100%;
        }

        .dropdown-container {
            padding: 10px;
            z-index: 2;
            position: relative;

            &::before {
                content: "";
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
                overflow: hidden;
                z-index: -1;
                border-radius: 10px;
                box-shadow: 0 10px 30px #00000085;
                border-top: 1px solid rgba($color: #ffffff, $alpha: 0.9);
                border-left: 1px solid rgba($color: #ffffff, $alpha: 0.9);
                background: linear-gradient(to right bottom,
                        rgba(255, 255, 255, .6),
                        rgba(255, 255, 255, .3),
                        rgba(255, 255, 255, .2));
                backdrop-filter: blur(6px);
            }
        }
    }
}